<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head lang="en">
		<meta charset="utf-8" />
		<title>墙式壁挂</title>
		<link rel="stylesheet" type="text/css" href="../../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/proList.css"/>
	</head>
	<body>
		<!------------------------------head------------------------------>
		<div class="head">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl"><a href="index"><img src="../../img/logo2.png"/></a></h1>
					<div class="fr clearfix" id="top1">
						<p class="fl">
							<a href="login" id="login">登录</a>
							<a href="reg" id="reg">注册</a>
						</p>
						<form action="#" method="get" class="fl">
							<input type="text" placeholder="搜索" />
							<input type="button" />
						</form>
						<div class="btn fl clearfix">
							<a href="mygxin"><img src="../../img/grzx.png"/></a>
							<a href="#" class="er1"><img src="../../img/ewm.png"/></a>
							<a href="cart"><img src="../../img/gwc.png"/></a>
							<p><a href="#"><img src="../../img/smewm.png"/></a></p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li><a href="index">首页</a></li>
					<li>
						<a href="#">所有商品</a>
						<div class="sList">
							<div class="wrapper  clearfix">
								<a href="phone">
									<dl>
										<dt><img src="../../img/nav1.jpg"/></dt>
										<dd>手机</dd>
									</dl>
								</a>
								<a href="digital">
									<dl>
										<dt><img src="../../img/nav2.jpg"/></dt>
										<dd>数码</dd>
									</dl>
								</a>
								<a href="jewelry">
									<dl>
										<dt><img src="../../img/nav3.jpg"/></dt>
										<dd>包表首饰</dd>
									</dl>
								</a>
								<a href="game">
									<dl>
										<dt><img src="../../img/nav6.jpg"/></dt>
										<dd>游戏装备</dd>
									</dl>
								</a>
								<a href="homeAppliances">
									<dl>
										<dt><img src="../../img/nav7.jpg"/></dt>
										<dd>家用电器</dd>
									</dl>
								</a>
							</div>
						</div>
					</li>
					<li><a href="phone">手机</a></li>
					<li><a href="digital">数码</a></li>
					<li><a href="jewelry">包表首饰</a></li>
					<li><a href="game">游戏装备</a></li>
					<li><a href="homeAppliances">家用电器</a></li>
				</ul>
			</div>
		</div>
		<!-----------------banner------------------------------->
		<div class="banner">
			<a href="#"><img src="../../img/temp/banner2.jpg"/></a>
		</div>	
		<!-----------------address------------------------------->
		<div class="address">
			<div class="wrapper clearfix">
				<a href="index">首页</a>
				<span>/</span>
				<a href="paint" class="on">包表首饰</a>
			</div>
		</div>
		<!-----------------paintCon------------------------------->
		<ul class="proList wrapper clearfix" >
			<li th:each="product,productStat:${products}">
				<a th:href="@{/front/getproduct/{productId}(productId=${product.productId})}">
					<dl>
						<dt ><img src="../../img/temp/pro01.jpg"></dt>
						<dd th:text="${product.name}"></dd>
						<dd th:text="${product.price}"></dd>
					</dl>
				</a>
			</li>
		</ul>
		<!--返回顶部-->
		<div class="gotop">
			<a href="cart">
			<dl>
				<dt><img src="../../img/gt1.png"/></dt>
				<dd>去购<br />物车</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="../../img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="mygxin">
			<dl>
				<dt><img src="../../img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none;">
			<dl>
				<dt><img src="../../img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
		<div class="msk"></div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script src="../../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/nav.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="js/pro.js" type="text/javascript" charset="utf-8"></script>-->
	</body>
</html>
